<!-- 财务管理 -->
<template>
    <div class="financialManageContainer">
        <div class="memberManageAside">
            <MemberManageAside />
        </div>
        <div class="financialManageMain">
            <div class="exit">
                <Exit />
            </div>
            <div class="systemOptionContent">
                <router-view></router-view>
            </div>
        </div>
    </div>
</template>
<script>
import MemberManageAside from '../components/MemberManageAside.vue'
import Exit from '../components/Exit.vue'
export default {
    components: { MemberManageAside, Exit },
    data() {
        return {
            tag: 'br_tag1'
        }
    },
    methods: {
        out() {
            this.$confirm('确认关闭？')
                .then(_ => {
                    done()
                })
                .catch(_ => { })
        },
    },
    mounted() {
        
    }
}
</script>
<style scoped>
.financialManageContainer {
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgb(247, 248, 250);

}

.financialManageMain {
    display: flex;
    flex-direction: column;
    width: 100%;

}

.exit {
    height: .5rem;
    display: flex;
    justify-content: flex-end;
}

.outLogin {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}

.outLogin span {
    display: inline-block;
    margin-right: .0625rem;
    font-size: .1875rem !important;
}

.systemOptionContent {
    width: 100%;
    flex: 1;
    background-color: white;
    display: flex;
    flex-direction: column;

}

.so_aside {
    width: 20%;
    display: flex;
    flex-direction: column;
    height: 100% !important;
    padding: 0 .125rem .25rem;
}

.user_info {
    width: 100%;
    display: flex;
    height: 1.25rem;
    align-items: center;
    border: 1px solid rgb(212, 212, 212);
    margin-bottom: .125rem;
}

.user_image {
    width: 1.5rem;
    height: .75rem;
    display: flex;
    justify-content: center;
}

.user_detail_info {
    flex: 1;

}

.user {
    height: .1875rem;
    padding-bottom: .3125rem;
}

.user_name .el-tag {
    margin-left: .375rem !important;
}



.own_info_tag {
    width: 100%;
    height: .875rem;
    background: rgb(231, 236, 255);
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: .125rem;
}

.own_info_tag span {
    display: inline-block;
}

.own_info_number {
    font-weight: bold;
    color: #ea8419;
}

.record {
    margin-bottom: .125rem;
}

.record_info {
    width: 100%;
    flex: 1;
    border: 1px solid rgb(212, 212, 212);
    border-radius: .125rem !important;
    padding: .125rem;

}

.record_title {
    font-size: .175rem;
    border-bottom: 1px solid rgb(212, 212, 212);
    text-align: center;
    padding-bottom: .125rem;
    margin-bottom: .125rem;
}

.record_value {
    width: 100%;
    height: .3125rem;
    line-height: .3125rem;
    display: inline-block;
    background: #f2f2f2;
    font-size: .15rem;
}

.record_time {
    display: flex;
    justify-content: space-between;
}

.record_time span {
    display: inline-block;
    color: rgb(0, 79, 251);
    font-size: .1375rem;
}

.so_content {
    flex: 1;
    width: 80%;
}
</style>
